<template>
  <div class="fav-home-nav" ref="refNav">
    <div class="title" @click="goBack"><van-icon name="arrow-left" /></div>
    <div class="title">指标查询</div>
    <div class="title">导出</div>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router'

defineOptions({
  name: 'FavHomeNav'
})

const router = useRouter()
const goBack = () => {
  router.go(-1)
}
</script>

<style lang="less">
.fav-home-nav {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 16px;
  height: 139px;
  // background: transparent;
  background: #0027e9 url('@/assets/background.png');
  background-size: cover;
  color: #fff;
  z-index: 1;

  .title {
    font-size: 19.23px;
    // margin: 10px auto 0px;
  }
}
</style>
